<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>碧城</title>
<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
<META HTTP-EQUIV="expires" CONTENT="0">
<meta http-equiv="keywords" content="b2c,碧城,碧城网,网上商城,网上购物,电子商务,网上超市,蔬菜,水果,社区超市,品质生活">
<link href="css/head.css" type="text/css" rel="stylesheet">
<link href="css/index.css" type="text/css" rel="stylesheet">
<link href="css/style.css" type="text/css" rel="stylesheet">
<link href="css/foot.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="js/changetable.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<script type="text/javascript">
	function checkSerach(){
	var productname = document.getElementById("title").value;
		if(productname == null || productname == ""){
			
			alert('请输入商品名称');
			return false;
		}	
		else{
			if(productname.replace(/\s/g,"") == ""){
				window.location.href = "menu.do?method=MenuShow";
				return false;
			}else{
				return true;
			}
		
		}
	}
	</script>
</head>
<body>
<#------------------------------ include file  -------------------------------------------->
<#include "/WEB-INF/view/header.ftl" />
<#------------------------------  include file  ------------------------------------------->
<!--中间部分开始-->
<div class="share_body">
  <div class="share_left">
    <table class="shareleft01" border="0" cellpadding="0" cellspacing="0">
      <tbody>
        <tr>
          <td class="index_cat01">商品分类</td>
        </tr>
        <tr>
          <td class="index_cat02" valign="top" align="center">
          <p> 
          <#list list as categoryList>
            <table class="left_table" width="94%" border="0" cellpadding="0" cellspacing="0">
              <tbody>
                <tr>
                  <td align="left"><span class="left_title">${categoryList[0].item_clsname}</span></td>
                </tr>

				<tr><td>
                <#list categoryList[1] as childCategory>
                <#if (childCategory_index+1)%3 = 0>
                	<a href= "listItem.htm?categoryId=${childCategory.item_clsno}">${childCategory.item_clsname}</a></td></tr><tr><td>
                <#else>
                	<a href= "listItem.htm?categoryId=${childCategory.item_clsno}">${childCategory.item_clsname}</a>|
               	</#if>
                </#list>
                              
              </tbody>
            </table>
            </#list>
            </p>
      </td>
        </tr>
        <tr>
          <td background="img/index_02.gif" height="7"></td>
        </tr>
      </tbody>
    </table>
    <!--div class="index_margin">
		  <div><img src="img/index_03.gif" width="179" height="7"></div>
		  <div class="index_order">
             <!-->
    销售排行
    <!--生鲜-->
    <!--div id="fresh">
				<div class="index_order02">
				  <table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
					  <td class="index_order_td2"  onMouseOver = "changTable_Three('fresh','grain','food','bady')">生鲜</td>
					  <td class="index_order_td1" onMouseOver = "changTable_Three('grain','fresh','food','bady')">粮油</td>
					  <td class="index_order_td1" onMouseOver = "changTable_Three('food','fresh','grain','bady')">主食</td>
					  <td class="index_order_td1" onMouseOver = "changTable_Three('bady','fresh','grain','food')">母婴</td>
					</tr>
				  </table>
				</div>
				<div class="order_content">
				  <ul>
					<li><a href="prodel.do?method=productDetail&productno=320076" target = "_self">西红柿</a></li>
					<li><a href="prodel.do?method=productDetail&productno=320260" target = "_self">鸡蛋</a></li>
					<li><a href="prodel.do?method=productDetail&productno=320073" target = "_self"> 黄瓜</a></li>
					<li><a href="prodel.do?method=productDetail&productno=320004" target = "_self"> 油菜</a></li>
					<li><a href="prodel.do?method=productDetail&productno=320007" target = "_self"> 大白菜</a></li>
					<li><a href="prodel.do?method=productDetail&productno=320057" target = "_self"> 土豆</a></li>
					<li><a href="prodel.do?method=productDetail&productno=320132" target = "_self"> 大葱</a></li>
					<li><a href="prodel.do?method=productDetail&productno=320029" target = "_self"> 胡萝卜</a></li>
					<li><a href="prodel.do?method=productDetail&productno=320006" target = "_self"> 菠菜</a></li>
					<li><a href="prodel.do?method=productDetail&productno=320208" target = "_self"> 国产香蕉</a></li>
				  </ul>
				</div>
			</div-->
    <!--粮油>
			<div id="grain" style="display:;">
				<div class="index_order02">
				  <table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
					  <td class="index_order_td1" onMouseOver = "changTable_Three('fresh','grain','food','bady')">生鲜</td>
					  <td class="index_order_td2" onMouseOver = "changTable_Three('grain','fresh','food','bady')">粮油</td>
					  <td class="index_order_td1" onMouseOver = "changTable_Three('food','fresh','grain','bady')">主食</td>
					  <td class="index_order_td1" onMouseOver = "changTable_Three('bady','fresh','grain','food')">母婴</td>
					</tr>
				  </table>
				</div>
				<div class="order_content">
				  <ul>
					<li><a href="prodel.do?method=productDetail&productno=280911" target = "_self"> 北大荒珍珠米</a></li>
					<li><a href="prodel.do?method=productDetail&productno=280967" target = "_self"> 古船富强粉5kg</a></li>
					<li><a href="prodel.do?method=productDetail&productno=280959" target = "_self"> 七河源珍珠米5kg</a></li>
					<li><a href="prodel.do?method=productDetail&productno=281021" target = "_self"> 古船大豆色拉油4.5L</a></li>
					<li><a href="prodel.do?method=productDetail&productno=280978" target = "_self"> 古船饺子粉1.5kg</a></li>
					<li><a href="prodel.do?method=productDetail&productno=281049" target = "_self"> 金龙鱼第二代调和油5L</a></li>
					<li><a href="prodel.do?method=productDetail&productno=280993" target = "_self"> 河套雪花粉（金穗宝）5KG</a></li>
					<li><a href="prodel.do?method=productDetail&productno=280960" target = "_self"> 水丁国宴香大米10KG</a></li>
					<li><a href="prodel.do?method=productDetail&productno=281099" target = "_self"> 多维他橄榄油500ml</a></li>
					<li><a href="prodel.do?method=productDetail&productno=281048" target = "_self"> 福临门玉米油5L</a></li>
				  </ul>
				</div>
			</div-->
    <!--主食>
			<div id="food" style="display:;">
				<div class="index_order02">
				  <table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
					  <td class="index_order_td1" onMouseOver = "changTable_Three('fresh','grain','food','bady')">生鲜</td>
					  <td class="index_order_td1" onMouseOver = "changTable_Three('grain','fresh','food','bady')">粮油</td>
					  <td class="index_order_td2" onMouseOver = "changTable_Three('food','fresh','grain','bady')">主食</td>
					  <td class="index_order_td1" onMouseOver = "changTable_Three('bady','fresh','grain','food')">母婴</td>
					</tr>
				  </table>
				</div>
				<div class="order_content">
				  <ul>
					<li><a href="prodel.do?method=productDetail&productno=290079" target = "_self"> 海乐达刀切馒头 500g</a></li>
					<li><a href="prodel.do?method=productDetail&productno=290081" target = "_self"> 海乐达风味馒头 500g</a></li>
					<li><a href="prodel.do?method=productDetail&productno=290112" target = "_self"> 海乐达大窝头（小米窝头...</a></li>
					<li><a href="prodel.do?method=productDetail&productno=290117" target = "_self"> 海乐达发糕 350g</a></li>
					<li><a href="prodel.do?method=productDetail&productno=290109" target = "_self"> 海乐达红豆沙包 350g</a></li>
					<li><a href="prodel.do?method=productDetail&productno=290080" target = "_self"> 海乐达精致馒头 600g</a></li>
					<li><a href="prodel.do?method=productDetail&productno=290092" target = "_self"> 海乐达麻酱花卷 500g</a></li>
					<li><a href="prodel.do?method=productDetail&productno=290115" target = "_self"> 海乐达玉米小窝头 250g</a></li>
					<li><a href="prodel.do?method=productDetail&productno=290114" target = "_self"> 海乐达枣窝头 500g</a></li>
					<li><a href="prodel.do?method=productDetail&productno=290107" target = "_self"> 海乐达乌冬面 250g</a></li>
				  </ul>
				</div>
			</div-->
    <!--母婴>
			<div id="bady" style="display:none;">
				<div class="index_order02">
				  <table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
					  <td class="index_order_td1" onMouseOver = "changTable_Four('fresh','grain','food','bady')">生鲜</td>
					  <td class="index_order_td1" onMouseOver = "changTable_Four('grain','fresh','food','bady')">粮油</td>
					  <td class="index_order_td1" onMouseOver = "changTable_Four('food','fresh','grain','bady')">主食</td>
					  <td class="index_order_td2" onMouseOver = "changTable_Four('bady','fresh','grain','food')">母婴</td>
					</tr>
				  </table>
				</div>
				<div class="order_content">
				  <ul>
					<li><a href="prodel.do?method=productDetail&productno=230353" target = "_self"> 帮宝适超薄干爽型超惠装</a></li>
					<li><a href="prodel.do?method=productDetail&productno=230365" target = "_self"> 帮宝适超薄干爽纸尿裤中...</a></li>
					<li><a href="prodel.do?method=productDetail&productno=230382" target = "_self"> 好奇超柔透气纸尿裤超值...</a></li>
					<li><a href="prodel.do?method=productDetail&productno=230214" target = "_self"> 强生婴儿牛奶沐浴露300m...</a></li>
					<li><a href="prodel.do?method=productDetail&productno=230245" target = "_self"> 强生婴儿倍柔护肤柔湿巾...</a></li>
					<li><a href="prodel.do?method=productDetail&productno=230006" target = "_self"> 多美滋多领加延续配方奶...</a></li>
					<li><a href="prodel.do?method=productDetail&productno=230066" target = "_self"> 美赞臣安婴宝A+ 400克(6-...</a></li>
					<li><a href="prodel.do?method=productDetail&productno=230039" target = "_self"> 伊利婴儿配方奶粉（金装...</a></li>
					<li><a href="prodel.do?method=productDetail&productno=230304" target = "_self"> 妈咪宝贝M男90片（06）...</a></li>
					<li><a href="prodel.do?method=productDetail&productno=230380" target = "_self"> 强生婴儿牛奶润肤露200ml</a></li>
				  </ul>
				</div>
			</div>
		</div>	
      </div-->
    <!--div><img src="img/index_04.gif" width="179" height="6"></div-->
  </div>
  <!--flash和信息公告开始-->
  <div class="index_right2">
    <div class="index_flash">
      <table width="544" border="0" cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td class="share_flash_topleft"></td>
            <td class="share_flash_topmidst"></td>
            <td class="share_flash_topright"></td>
          </tr>
          <tr>
            <td class="share_flash_midstleft"></td>
            <td class="share_flash_midstmidst" height="206">
         <script type="text/javascript">
        var swf_width=357;
        var swf_height=164;
        // 0xffffff:文字颜色|1:文字位置|0x0066ff:文字背景颜色|60:文字背景透明度|0xffffff:按键文字颜色|0x0066ff:按键默认颜色|0x000033:按键当前颜色|8:自动播放时间(秒)|2:图片过渡效果|1:是否显示按钮|_blank:打开窗口
        var swf_config = "|2|||0xFFFFFF|0xFF6600||4|3|1|_blank"
        document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');
        document.write('<param name="movie" value="spcflash/toppic.swf?bcastr_xml_url=spcflash/toppicxml.php"><param name="quality" value="high">');
        document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
        document.write('<param name="FlashVars" value="bcastr_config='+swf_config+'">');
        document.write('<embed src="spcflash/toppic.swf?bcastr_xml_url=spcflash/toppicxml.php" wmode="opaque" FlashVars="bcastr_config='+swf_config+'" menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
        document.write('<\/object>');
        //]]>
        </script>
          </td>
            <td class="share_flash_midstright"></td>
          </tr>
          <tr>
            <td class="share_flash_bottomleft"></td>
            <td class="share_flash_bottommidst"></td>
            <td class="share_flash_bottomright"></td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="index_adv">
      <table width="229" align="center" border="0" cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td class="share_flash_topleft"></td>
            <td class="share_flash_topmidst"></td>
            <td class="share_flash_topright"></td>
          </tr>
          <tr>
            <td class="share_flash_midstleft"></td>
            <td class="share_flash_midstmidst"><div class="index_adv_title">信息公告</div>
              <div class="order_content">
                <ul>
                <#list articles as article>
                  <li> <a href="article_${article.articleId}.htm" target="_blank" title="${article.title}">${article.title}</a></li>
                </#list>
                </ul>
              </div></td>
            <td class="share_flash_midstright"></td>
          </tr>
          <tr>
            <td class="share_flash_bottomleft"></td>
            <td class="share_flash_bottommidst"></td>
            <td class="share_flash_bottomright"></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <!--flash和信息公告结束-->
  <!--帮助,配送时间,VIP开始-->
  <div class="index_right3">
    <!--VIP开始-->
    <div class="index_vip">
      <table width="201" border="0" cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td class="share_flash_topleft" width="5"></td>
            <td class="share_flash_topmidst" width="191"></td>
            <td class="share_flash_topright" width="5"></td>
          </tr>
          <tr>
            <td class="share_flash_midstleft"></td>
            <td class="share_flash_midstmidst"><div class="index_vip_button"><a href="mycollection.htm"><img src="img/index_10.gif" border="0"></a></div>
              <div class="index_vip_content">
                <ul>
                  <li><a href="#" class="index_vip_link">什么是VIP专属超市？</a></li>
                  <li><a href="#" class="index_vip_link">使用VIP专属超市有哪些优势？</a></li>
                  <li><a href="#" class="index_vip_link">如何使用VIP专属超市？</a></li>
                </ul>
              </div></td>
            <td class="share_flash_midstright"></td>
          </tr>
          <tr>
            <td class="share_flash_bottomleft"></td>
            <td class="share_flash_bottommidst"></td>
            <td class="share_flash_bottomright"></td>
          </tr>
        </tbody>
      </table>
    </div>
    <!--VIP开始-->
    <!--配送时间开始-->
    <div class="index_deliver">
      <div><img src="img/index_11_01.gif" width="441" border="0" height="55"></div>
      <div><img src="img/index_11_02.gif" width="441" border="0" height="50"></div>
      <div class="index_deliver3">周一至周五送货、周六日休息；周五订单延迟至周一送货。</div>
    </div>
    <!--配送时间开始-->
    <!--帮助开始-->
    <div class="index_help"><a href="reg.htm"><img src="img/index_ad5.jpeg" border="0"></a></div>
    <!--帮助开始-->
  </div>
  <!--帮助,配送时间,VIP结束-->
  <!--中间广告开始-->
  <div class="index_right4">
    <div class="index_right4ad1"><a href="#"><img src="img/index_ad1.jpeg" border="0"></a></div>
    <div class="index_right4ad2"><a href="article_946.htm"><img src="img/index_ad2.jpeg" border="0"></a></div>
    <div class="index_right4ad2"><a href="listItem.htm?categoryId=2701"><img src="img/index_ad3.jpeg" border="0"></a></div>
    <div class="index_right4ad3"><a href="listItem.htm?categoryId=2901"><img src="img/index_ad4.jpeg" border="0"></a></div>
  </div>
  <!--中间广告结束-->
  <!--新品推荐开始-->
  <div class="index_right4">
    <div class="index_right4title">
      <div class="index_newpro_title1">新品推荐</div>
      <div class="index_newpro_title2"></div>
    </div>
    <div class="index_newpro">
      <table border="0" cellpadding="0" cellspacing="0">
        <tbody>
          <tr>   
           <#list newItems as newItem>
			<td valign="top" width="157" align="center">
			<table class="index_pro" width="98%" border="0" cellpadding="0" cellspacing="0">
                <tbody>
                  <tr>
                    <td align="center" height="130"><a href="item_${newItem[0].item_no}.htm" target="_self"><img src="http://image.b2office.com.cn/goods/middle/${newItem[0].item_no}.jpg" title="${newItem[0].titles}" width="110" border="0" height="110"></a></td>
                  </tr>
                  <tr>
                    <td class="td5" align="center" height="20">
                    ${newItem[0].b2hprice}元/ ${newItem[0].unit_no}
                     </td>
                  </tr>
                  <tr>
                    <td align="center" height="20">${newItem[0].titles}</td>
                  </tr>
                </tbody>
              </table>
              </td>
              <#if ((newItem_index+1)%5==0)>
              	</tr><tr>
              </#if>
			  </#list>
          </tr>
          <tr> </tr>
        </tbody>
      </table>
    </div>
  </div>
  <!--新品推荐结束-->
  <!--热买商品开始-->
  <div class="index_right4">
    <div class="index_right4title">
      <div class="index_newpro_title1">热卖商品</div>
      <div class="index_newpro_title2"></div>
    </div>
    <div class="index_newpro">
      <table border="0" cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            
			<#list hotItems as newItem>
			<td valign="top" width="157" align="center">
			<table class="index_pro" width="98%" border="0" cellpadding="0" cellspacing="0">
                <tbody>
                  <tr>
                    <td align="center" height="130"><a href="item_${newItem[0].item_no}.htm" target="_self"><img src="http://image.b2office.com.cn/goods/middle/${newItem[0].item_no}.jpg" title="${newItem[0].titles}" width="110" border="0" height="110"></a></td>
                  </tr>
                  <tr>
                    <td class="td5" align="center" height="20">
                    ${newItem[0].b2hprice}元/ ${newItem[0].unit_no}
                     </td>
                  </tr>
                  <tr>
                    <td align="center" height="20">${newItem[0].titles}</td>
                  </tr>
                </tbody>
              </table>
              </td>
              <#if ((newItem_index+1)%5==0)>
              	</tr><tr>
              </#if>
			  </#list>
			  
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <!--热买商品结束-->
  <!--特价商品开始-->
  <div class="index_right4">
    <div class="index_right4title">
      <div class="index_newpro_title1">特价商品</div>
      <div class="index_newpro_title2"></div>
    </div>
    <div class="index_newpro">
      <table border="0" cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
           <#list cheapItems as newItem>
			<td valign="top" width="157" align="center">
			<table class="index_pro" width="98%" border="0" cellpadding="0" cellspacing="0">
                <tbody>
                  <tr>
                    <td align="center" height="130"><a href="item_${newItem[0].item_no}.htm" target="_self"><img src="http://image.b2office.com.cn/goods/middle/${newItem[0].item_no}.jpg" title="${newItem[0].titles}" width="110" border="0" height="110"></a></td>
                  </tr>
                  <tr>
                    <td class="td5" align="center" height="20">
                    ${newItem[0].b2hprice}元/ ${newItem[0].unit_no}
                     </td>
                  </tr>
                  <tr>
                    <td align="center" height="20">${newItem[0].titles}</td>
                  </tr>
                </tbody>
              </table>
              </td>
              <#if ((newItem_index+1)%5==0)>
              	</tr><tr>
              </#if>
			  </#list>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <!--特价商品结束-->
</div>
<!--中间部分结束-->
<div class="foot_outer1">
  <div class="foot02"></div>
  <div class="foot02"></div>
  <div class="foot02"></div>
  <div class="foot02"></div>
  <div class="foot03"></div>
</div>
<#------------------------------ include file  -------------------------------------------->
<#include "/WEB-INF/view/footer.ftl" />
<#------------------------------  include file  ------------------------------------------->
</body>
</html>
